<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <div class="box">
      <div class="headerBar">
        <div class="logoBar login-logo">
          <div class="comWidth">
            <div class="logo fl">
              <a href="index.html"><img src="img/logo.png" alt="慕课网"></a>
            </div>
            <h3 class="welcome-title">欢迎登录</h3>
          </div>
        </div>
      </div>
      <div class="loginBox">
        <ul class="login-list">
          <li>邮箱/用户名/已验证手机</li>
          <li><input type="text" class="login-method"></li>
          <li class="space15"></li>
          <li>密码</li>
          <li><input type="text" class="password"></li>
          <li class="checklogin">
          	<input type="checkbox" id="login">
          	<label for="login">自动登录</label>
          	<input type="checkbox" id="safelogin">
          	<label for="safelogin">安全控件登录</label>
          	<a href="#">忘记密码？</a>
          </li>
          <li>
          	<button class="login-btn">登录</button>
          </li>
          <li class="space30"></li>
          <li>使用合作网站账户登录：</li>
          <li class="logina">
            <a href="#">QQ</a><span>|</span>
            <a href="#">网易</a><span>|</span>
            <a href="#">奇虎360</a><span>|</span>
            <a href="#">开心</a><span>|</span>
            <a href="#">豆瓣</a><span>|</span>
            <a href="#">搜狐</a><span>|</span>
            <select name="" class="login-more">
              <option value="">更多</option>
            </select>
          </li>
        </ul>
      </div>
      <div class="free-reg clearfix">
        <button class="reg-btn">
        	<a href="register.html">免费注册&gt;&gt;</a>
        </button>
      </div>
      <div class="hr-25"></div>
      <div class="footer">
        <p>
          <a href="#">慕课简介</a>
          <i>|</i>
          <a href="#">慕课公告</a>
          <i>|</i>
          <a href="#">招纳贤士</a>
          <i>|</i>
          <a href="#">联系我们</a>
          <i>|</i>
          <a href="#">客服热线：400-675-1234</a>
        </p>
        <p>
          Copyright © 2006 - 2018 慕课版权所有&nbsp;&nbsp;&nbsp;京ICP备09037834号 &nbsp;&nbsp;&nbsp;某市公安局龙潭分局备案编号：32432421231
        </p>
        <p class="web">
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
        </p>
      </div>
    </div>
  </body>
</html>